<template>
    <div>
        <h1>吉星</h1>
<!--        使用组件，随便定义一个属性名:num="n"如num,把父组件中的值赋值给该属性
            子组件通过props:["num"]接受，该参数的值，父组件属性名必须和子组件的名字相同
-->
       <My :num="n" :a="b"/>
    </div>
</template>


<script>
    // 导入组件还有父组件如何向子组件传值，父组件定义内容，<My :num="n"/>，子组件用props:["num"]接受
    import My from "../components/My.vue"

    export default {
        name: "Home",
        //注册组件,多个组件可以用逗号隔开
        components: {My},
        data(){
            return{
                n:110,
                b:120,
            }
        }
    }
</script>

<style scoped>

</style>